import styles from '@/assets/styles/login.module.scss'
import { Radio, RadioChangeEvent } from 'antd';
import { useNavigate,} from "react-router-dom"

const View = () => {
    const navigateTo = useNavigate();
    // 点击跳转到对应路由 编程式导航跳转 利用到一个hook
	const btnClick = (e:RadioChangeEvent) => {
        console.log(e);
		navigateTo('/test1/index')
	} 

    return (
        <div className={styles.login}>
            {/* 背景视频区域 */}

            <div className={styles.video}>
                {/* <video autoPlay loop muted  src="https://note.youdao.com/yws/api/personal/file/WEB751491bdd586c6fb562e5f093d8ab94d?method=download&shareKey=19f7644c5797771641f69be9c2e0b068" ></video> */}
            </div>

            {/* 中间内容区域 */}
            <header className={styles.header}>
                <div className={styles.img}> 
                    <img src="https://dev.iw233.cn/css/ec43126fgy1h4604r4bk1j21801801kx.jpg" className="logo" /> 
                </div> 
                <div className={styles.text}> 
                    <h1>Sakura</h1> 
                    <p>分享一些技术心得</p> 
                </div>
                <div className={styles.btn}> 
                    <Radio.Group defaultValue="a" buttonStyle="solid" size="large" onChange={ btnClick }>
                        <Radio.Button value="a">Hangzhou</Radio.Button>
                        <Radio.Button value="b">Shanghai</Radio.Button>
                        <Radio.Button value="c">Beijing</Radio.Button>
                        <Radio.Button value="d">Chengdu</Radio.Button>
                    </Radio.Group>
                </div>
            </header>

            {/* 底部备案信息 */}
            <footer>


            </footer>
        </div>
    )
}

export default View